<template>
	<div>
	    <!--客服介入详情弹框-->
		<van-popup
		  v-model="show"
		  position="right"
		  :style="{ height: '100%',width:'100%'}"
		  :overlay="false"
		  class="popup"
		>   		
	       <div class="header">
	       	 <span>添加合伙人</span>
	       </div>
	       <div class="body">
              <div class="searchInput_wrap">
              	<div class="input">
              		<input :class="{active:search!=''}" v-model="search" type="number" placeholder="请输入对方手机号"/>
              	</div>
              	<div class="search">
              		<van-icon name="search" size="24"/>
              	</div>
              </div>
              <div class="search_result">用户名：jzyxx0909</div>
              <div class="tips">通过手机号搜索到用户后添加合伙人</div>
	       </div>
	       <div class="footer">
	       	 <van-button color="#fff" block @click="show=false"><span style="font-size: 16px;" >关闭</span></van-button>
	       	 <van-button color="#FFD630" block @click="showConfirm"><span style="font-size: 16px;">添加合伙人</span></van-button>
	       </div>	    	    	       	       
	    </van-popup>	
	    <confirm ref="confirm" @queryConfirm="queryConfirm" :title="confirmTitle"></confirm>  
	</div>	
</template>

<script>
import confirm from '_c/market/confirm2.vue'
import '@/assets/reset/floor63.css'	
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
         show:false,
         search:'',
         confirmTitle:'将手机尾号 2474 的用户 jzyxxx 添加为合伙人？'
       }
	},
	components: {
	    confirm
	},		
	methods: {	
       showWin(){
       	 this.show=true
       },
       showConfirm(){
         this.$refs.confirm.showWin()
       },
       // 确认添加合伙人
       queryConfirm(){
       	
       }
	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped="" lang="scss">
*{box-sizing: border-box;}
.popup{display: flex;flex-direction: column;
 .header{height: 44px;font-size: 16px;display: flex;align-items: center;justify-content: center;}
 .body{flex: 1;overflow: scroll;padding: 50px 44px 0;
    .searchInput_wrap{display: flex;
      .input{flex:1;border: 1px solid #E5E5E5;height: 40px;border-right:none;
        input{font-size: 14px;width: 100%;border: none;background: #f8f8f8;height: 100%;padding-left: 10px;color: #999;}
        input.active{text-align: center;}
      }
      .search{width: 40px;height: 40px;border:1px solid #E5E5E5;display: flex;align-items: center;justify-content: center;}
    }
    .search_result{margin-top: 10px;text-align: center;font-size: 14px;}
    .tips{color: #999;margin-top: 100px;text-align: center;}
 }
 .footer{height: auto;display: flex;}
}

input::-ms-input-placeholder {text-align: center;}
input::-webkit-input-placeholder {text-align: center;}



</style>